<template>
    <div>
        <div class="bg-color">父index</div>
        <!-- element-plus-ui -->
        <el-button type="primary">测试按钮</el-button>
        <!-- tailwindcss -->
        <div class="tw-flex tw-flex-nowrap primary-bg-color">
            <div>01</div>
            <div>02</div>
            <div>03</div>
        </div>
        <!-- svg图片使用 -->
        <!-- <img src="../assets/icon/type.svg" alt=""> -->
        <svg-icon iconClass="type" class="type" />
    </div>
</template>
<script setup>
import { MathMixin } from '@/utils/math.js'
import { toRaw } from 'vue'

// pinia
// import { userStore } from '@/store/index.js'
// const userStoreData = userStore()
// userStoreData.test = 'test'

// axios
const { proxy } = getCurrentInstance()
// proxy.$serviceReq.get('/login').then((res) => {
//   console.log('===res===', res)
// })

// day.js
// let currentTime = proxy.$dayjs().format('YYYY-MM-DD HH:mm:ss')
// console.log('===currentTime===', currentTime)

// big.js
// let addPlus = MathMixin.plus(0.1, 0.2)
// console.log('===addPlus===', addPlus)

// lodash.js
// let spliceArray = proxy.$lodash.chunk(['a', 'b', 'c', 'd'], 2)
// console.log('===spliceArray', spliceArray)

let test = reactive()
const testobj = {
    userName: '123',
    password: '123456789'
}
test = testobj
// console.log('===test', toRaw(test))
</script>
<style scoped lang="scss">
// .bg-color {
//     background-color: $primary-color;
// }
</style>
